﻿@charset "utf-8";
@import url("default.css");
@import url("board.css");

/*
	Publishing by.kyowon
	DoYoSe Admin Service
	Common
*/

/* layout */
body {}
div#wrap {min-width:776px;}
body.login div#header {}
div#header {padding-top:37px; background:url("../images/bg_body.gif") repeat-x left top;}
div#header h1 {height:63px; padding-left:119px; color:#5f494e; font-size:24px; font-weight:bold;}
div#contents {width:775px; padding:30px 0 0 22px;}
div#contents h2 {margin:0 0 17px 4px; color:#e96420; font-size:18px; font-weight:bold;}

/* gnb */
ul.gnb {overflow:hidden; height:35px; padding:6px 0 0 22px; background:url("../images/bg_gnb.gif") repeat-x left top;}
ul.gnb li {float:left; margin-left:7px; padding-left:7px; background:url("../images/bg_bar.gif") no-repeat left 50%;}
ul.gnb li.first {margin:0; padding:0; background:0 none;}
ul.gnb li a {display:inline-block; height:23px; padding-left:16px; color:#333; font-size:14px; font-weight:bold;}
ul.gnb li a span {display:block; height:19px; padding:4px 16px 0 0; line-height:1;}
ul.gnb li.on a, ul.gnb li a:hover {color:#fff; background:url("../images/bg_gnb_on.gif") no-repeat left top;}
ul.gnb li.on a span, ul.gnb li a:hover span {background:url("../images/bg_gnb_on.gif") no-repeat right top; line-height:1;}

/* common */
input[type="radio"],
input[type="checkbox"] {width:13px; height:13px;}
input[type="text"],
input[type="password"] {outline:0 none;}
input.text.on {border:1px solid #ff7303 !important;}
input.text {height:20px; padding:0 5px; border:1px solid #adacb1; line-height:160%;}
:root input.text {/*IE9*/ line-height:110%\9;}
ul.type {overflow:hidden; margin-left:-17px;}
ul.type li {float:left; margin-left:17px; font-size:13px; white-space:nowrap;}
ul.type li input {position:relative; top:-1px; margin-right:5px; vertical-align:middle;}

.linesection {margin-top:30px;}
.mgt10 {margin-top:10px !important;}
.mgt20 {margin-top:20px !important;}

/* jquery-selectbox */
.jquery-selectbox {display:inline-block; position:relative; width:100px; height:25px; padding:0; border:1px solid #c2c2c2; font-size:13px; text-align:left; cursor:pointer; vertical-align:middle; z-index:0;}
.jquery-selectbox.selecthover {z-index: 700;}
.selecthover {background-color: #FFFFFF;}
.jquery-selectbox .jquery-selectbox-currentItem {display:block; overflow:hidden; height:22px; padding:3px 0 0 7px; border-color:#D5D5D5; background-color: #FFFFFF; white-space:nowrap;}
.jquery-selectbox .jquery-selectbox-list {display:none; overflow-x:hidden; overflow-y:auto; position:absolute; top:26px; left:-1px; z-index: 1000; border-color:#bababa; border-style:solid; border-width:0 1px 1px 1px; background-color:#fff;}
.jquery-selectbox .jquery-selectbox-moreButton {float:right; width:22px; height:25px; border-color: #D5D5D5; background:url("../images/bg_select.gif") no-repeat left top; cursor:pointer;}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {background:url("../images/bg_select_on.gif") no-repeat left top;}
.selecthover .jquery-selectbox-moreButton {background: url("../images/bg_select_upon.gif") no-repeat left top;}
.selecthover .jquery-selectbox-moreButton.morebuttonhover {background: url("../images/bg_select_upon.gif") no-repeat left top;}
.jquery-selectbox .jquery-selectbox-item.listelementhover {color:#F47D31; background-color:#fff;}
.jquery-selectbox .jquery-selectbox-item {display:block; position:relative; * width:100%; padding:5px 2px 3px 7px; font-size:13px; cursor:default;}
.jquery-selectbox .jquery-selectbox-item:hover {color:#666; background-color:#e5e5e5;}
.scroll .jquery-selectbox .jquery-selectbox-list {overflow-x:hidden; overflow-y:scroll; height:150px;}
.jquery-selectbox .jquery-selectbox-item.listelementSelect {color:#F47D31; background-color:#F2F2F2;}

/* btn */
div.btn {overflow:hidden; /*margin-bottom:10px;*/ text-align:center;}
div.btn div.lside {float:left; margin-left:-2px;}
div.btn div.rside {margin-right:-2px; float:right;}
div.board_btn {overflow:hidden; margin-top:20px; text-align:center;}
div.board_btn div.lside {float:left; margin-left:-2px;}
div.board_btn div.rside {float:right; margin-right:-2px;}
div.btn a, div.board_btn a {margin:0 2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*Ch&Sa*/ div.btn a img {margin:0;}}

a.btn_orange {display:inline-block; height:24px; padding:0 0 0 15px; color:#fff; background:url("../images/btn/bg_orange.gif") no-repeat left top; text-align:center; vertical-align:middle; text-decoration:none !important;}
a.btn_orange span {display:block; min-width:40px; height:21px; padding:3px 15px 0 0; background:url("../images/btn/bg_orange.gif") no-repeat right top; cursor:pointer;}
a.btn_gray {display:inline-block; height:24px; padding:0 0 0 15px; color:#4d4d4d; background:url("../images/btn/bg_gray.gif") no-repeat left top; text-align:center; vertical-align:middle; text-decoration:none !important;}
a.btn_gray span {display:block; min-width:40px; height:21px; padding:3px 15px 0 0; background:url("../images/btn/bg_gray.gif") no-repeat right top; cursor:pointer;}
a.btn_gray span img {margin-right:3px; vertical-align:middle;}

a.btn_orange24 {display:inline-block; height:24px; padding:0 0 0 15px; color:#fff; background:url("../images/btn/bg_orange24.gif") no-repeat left top; text-align:center; vertical-align:middle; text-decoration:none !important;}
a.btn_orange24 span {display:block; min-width:40px; height:21px; padding:3px 15px 0 0; background:url("../images/btn/bg_orange24.gif") no-repeat right top; cursor:pointer;}
a.btn_gray24 {display:inline-block; height:24px; padding:0 0 0 15px; color:#747474; background:url("../images/btn/bg_gray24.gif") no-repeat left top; text-align:center; vertical-align:middle; text-decoration:none !important;}
a.btn_gray24 span {display:block; min-width:40px; height:21px; padding:3px 15px 0 0; background:url("../images/btn/bg_gray24.gif") no-repeat right top; cursor:pointer;}

a.btn_orange30 {display:inline-block; height:30px; padding:0 0 0 15px; color:#fff; font-size:13px; font-weight:bold; background:url("../images/btn/bg_orange30.gif") no-repeat left top; text-align:center; vertical-align:middle; text-decoration:none !important;}
a.btn_orange30 span {display:block; min-width:40px; height:25px; padding:5px 15px 0 0; background:url("../images/btn/bg_orange30.gif") no-repeat right top; cursor:pointer;}
a.btn_gray30 {display:inline-block; height:30px; padding:0 0 0 15px; color:#4d4d4d; font-size:13px; font-weight:bold; background:url("../images/btn/bg_gray30.gif") no-repeat left top; text-align:center; vertical-align:middle; text-decoration:none !important;}
a.btn_gray30 span {display:block; min-width:40px; height:25px; padding:5px 15px 0 0; background:url("../images/btn/bg_gray30.gif") no-repeat right top; cursor:pointer;}

a.btn_base {display:inline-block; height:20px; padding-left:9px; color:#747474; background:url("../images/btn/btn_base.gif") no-repeat left top;}
a.btn_base span {display:block; height:17px; * height:18px; padding:3px 9px 0 0; * padding:2px 9px 0 0; background:url("../images/btn/btn_base.gif") no-repeat right top; line-height:1; cursor:pointer;}
a.btn_base span img {margin-right:4px; vertical-align:middle;}

/* tab */
ul.tab {overflow:hidden; margin-bottom:25px; background:url("../images/bg_tab_line.gif") repeat-x left bottom;}
ul.tab li {float:left;}
ul.tab li a {display:inline-block; height:31px; padding-left:45px; color:#333; font-size:14px; font-weight:bold; text-align:center; background:url("../images/bg_tab.gif") no-repeat left top;}
ul.tab li a span {display:block; height:26px; padding:5px 45px 0 0; background:url("../images/bg_tab.gif") no-repeat right top; cursor:pointer;}
ul.tab li.on a {color:#e96420; background:url("../images/bg_tab_on.gif") no-repeat left top;}
ul.tab li.on a span {background:url("../images/bg_tab_on.gif") no-repeat right top;}

/* search */
div.search {padding:11px 20px; border:5px solid #efefef; background-color:#fff;}
div.search table {width:100%;}
div.search table tbody th {color:#333; font-weight:bold; font-size:13px; text-align:left;}
div.search table tbody td {padding:5px 0;}
div.search table tbody td .jquery-selectbox {margin-right:4px;}

/* data_search */
div.data_search {vertical-align:bottom;}
div.data_search input.textin {width:151px; height:22px; padding:0 5px; background-color:#e2e0e1; border:0 none;}

/* tit_section */
div.tit_section {width:100%; margin-bottom:30px;}
div.tit_section:after {content:""; display:block; clear:both;}
div.tit_section h2 {margin:0 !important;}
div.tit_section a {margin-right:2px;}
div.tit_section div.lside {float:left; margin-left:-2px;}
div.tit_section div.rside {float:right; margin-right:-2px;}

/* login */
div.login {margin:72px 0 0 218px;}
div.login h2 {margin:0 !important; font-size:41px !important; color:#666 !important; font-weight:bold;}
div.login div.user {width:314px; margin-top:20px;}
div.login div.user div.box {float:left; width:214px; margin-right:6px;}
div.login div.user div.box span {position:relative; display:block; height:24px; margin-bottom:9px; padding:0 9px; background-color:#666;}
div.login div.user div.box span input {width:100%; height:17px; margin-top:2px; border:0 none; color:#fff; background:0 none; outline:0 none; line-height:130%;}
div.login div.user div.box span label {position:absolute; top:5px; left:10px; color:#fff; line-height:1;}
div.login p.wrong {color:#e96420;}

/* 레벨관리 */
div.level_wrap {padding:10px; background-color:#efefef;}
div.level_wrap table {width:100%;}
div.level_wrap table td {vertical-align:top;}
div.level_wrap table div.box.first {margin-left:0;}
div.level_wrap table div.box {margin-left:14px;}
div.level_wrap table div.box div.inner {min-height:313px; margin-bottom:5px; border:1px solid #cdcdcd; background-color:#fbfbfb;}
div.level_wrap table div.box div.inner h3 {padding:8px; color:#333; font-size:14px; font-weight:bold; text-align:center; border-bottom:1px solid #cdcdcd; background-color:#efefef;}
div.level_wrap table div.box div.inner ul li {border-bottom:1px solid #cdcdcd; background-color:#fff;}
div.level_wrap table div.box div.inner ul li a {display:block; padding:7px 20px 9px 20px; color:#3d3d3d;}
div.level_wrap table div.box div.inner ul li.on, div.level_wrap table td div.box div.inner ul li a:hover {background-color:#f6ddd0;}
div.level_wrap table div.box div.inner ul li.edit {padding:5px 11px 5px 9px; background-color:#f6ddd0;}
div.level_wrap table div.box div.inner ul li.edit input {width:100%; height:20px; border:1px solid #d0d0d0; text-indent:5px; line-height:160%;}
:root div.level_wrap table div.box div.inner ul li.edit input {/*IE9*/ line-height:110%\9;}

/* 가이드라인 관리 */
div.guide_wrap {padding:18px 0 8px 0; border:5px solid #efefef;}
div.guide_wrap div.linesection {margin-top:4px; padding:15px 20px 0 20px; border-top:1px solid #efefef;}
div.guide_wrap div.linesection h3 {margin-bottom:14px; color:#333; font-size:14px; font-weight:bold;}
div.guide_wrap div.linesection h3 strong {color:#e96420;}
div.guide_wrap table {width:100%;}
div.guide_wrap table tr.tline th, div.guide_wrap table tr.tline td {padding-top:15px;}
div.guide_wrap table tr.tline td {border-top:1px solid #ebebeb;}
div.guide_wrap table tbody th {color:#333; font-size:13px; font-weight:bold; text-align:left; vertical-align:top;}
div.guide_wrap table tbody th a.btn_plus {display:block; margin-top:2px;}
div.guide_wrap table tbody th em {display:block; padding:2px 22px 0 22px; color:#333; font-size:13px; font-weight:bold;}
div.guide_wrap table tbody td {font-size:13px;}
div.guide_wrap table tbody td div.article {margin-bottom:14px; font-size:13px;}
div.guide_wrap table tbody td input.text {width:108px; margin-left:5px;}
div.guide_wrap table tbody td .jquery-selectbox {margin-right:4px;}
div.guide_wrap table tbody td span.line {margin:0 3px;}
div.guide_wrap table tbody td span.note {margin-left:13px; color:#999; font-size:12px;}

/* 차트 */
div.chart_box {overflow:hidden; margin-top:40px;}
div.chart_box div.chart1, div.chart_box div.chart2 {width:367px; height:392px;}
div.chart_box div.chart1 {float:left;}
div.chart_box div.chart2 {float:right;}